<!--
 * @Descripttion: 
 * @version: 
 * @Author: Zuo
 * @Date: 2021-10-09 09:44:38
 * @LastEditors: Zuo
 * @LastEditTime: 2021-10-09 10:03:00
-->
<template>
    <div id="mapContainer">

    </div>
</template>

<script lang="ts" setup>
   import {onMounted} from 'vue'
   onMounted(()=>{
        var map = new BMapGL.Map('mapContainer');
        map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 12);
        map.enableScrollWheelZoom(true);
   })
</script>

<style lang="scss" scoped>
    #mapContainer{
        height: 100%;
        width: 100%;
    }
</style>